$(document).ready(function(){
    $("command_form").action = window.location;
    $("#command_input").focus();
    $("#id_username").focus();
    
    $("#location_div > div:first").corner("left 30px");
    $("#location_div > div:last").corner("right 30px");
    $("#logout").corner("bottom");
    $("#menu div").corner();
    $("#loginlogout div").corner();
    
    // DIV TO BUTTON
    $(".table tbody tr").hover(
        function () {
            $(this).css({'background' : 'black', 'color' : 'white', 'cursor' : 'pointer'});
            $(this).find("a").css({'color' : 'white'});
        }, 
        function () {
            $(this).css({'background' : '', 'color' : '', 'cursor' : 'auto'});
            $(this).find("a").css({'color' : 'black'});
        }
    );
    $(".table tbody tr").each(function(index) {
        var a = $(this).find("a");
        a.css({'color' : 'black'});
    });
    $(".table tbody tr").click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });
    
    
    $("input.submit").hover(
        function () {
            $(this).css({'background' : 'black', 'color' : 'white', 'cursor' : 'pointer'});
        }, 
        function () {
            $(this).css({'background' : '', 'color' : '', 'cursor' : 'auto'});
        }
    );
    
    // DIV TO BUTTON
    $("#menu div").each(function(index) {
        var a = $(this).find("a");
        a.css({'color' : 'black'});
    });
    $("#menu div").hover(
        function () {
            $(this).css({'background' : 'black', 'color' : 'white', 'cursor' : 'pointer'});
            $(this).find("a").css({'color' : 'white'});
        }, 
        function () {
            $(this).css({'background' : '', 'color' : '', 'cursor' : 'auto'});
            $(this).find("a").css({'color' : 'black'});
        }
    );
    $("#menu div").click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });
    
    
    // DIV TO BUTTON
    $("#location_div div").each(function(index) {
        var a = $(this).find("a");
        a.css({'color' : 'black'});
    });
    $("#location_div div").hover(
        function () {
            $(this).css({'background' : 'black', 'color' : 'white', 'cursor' : 'pointer'});
            $(this).find("a").css({'color' : 'white'});
        }, 
        function () {
            $(this).css({'background' : '', 'color' : '', 'cursor' : 'auto'});
            $(this).find("a").css({'color' : 'black'});
        }
    );
    $("#location_div div").click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });
    
});

